@import  (reference)  "../../main";

.wdu-checkbox-label {
    display     : block;
    height      : 30px;
    position    : relative;
    padding-left: 30px;
    font-size   : 14px;
    font-weight : 700;
    line-height : 30px;
    color       : @font-color-main;
    margin      : 0 10px;
    user-select : none;
}

.wdu-checkbox-label .wdu-checkbox-checkmark:after {
    width        : 45%;
    height       : 45%;
    .w-bg-normal();
}

.wdu-checkbox {
    position: absolute;
    width: 15px;
    height: 15px;
    left: -2px;
    top:2px;
    opacity : 0;
    z-index: 10;
    cursor  : pointer;

    &:checked~.wdu-checkbox-checkmark {
        .w-bg-important();
    }

    &:checked~.wdu-checkbox-checkmark:after {
        display: block;
    }
}

.wdu-checkbox-checkmark {
    position        : absolute;
    top             : 5px;
    left            : 0;
    height          : 14px;
    width           : 14px;
    border          : 1px solid rgb(224, 224, 224);
    cursor          : pointer;
    .w-bg-normal();
    .center();
    .out-shadow-light();

    &:after {
        content : '';
        position: absolute;
        box-shadow: inset 0 0 4px rgb(168, 168, 168);
    }
}

.wdu-checkbox-disabled {
    z-index:15;
    cursor: not-allowed !important;
}